.container{
  height: 100vh;
  padding: 40rpx;
  box-sizing: border-box;
  font-size: 14px;
  .welcome{
    margin-top: 18vh;
    image{
      width: 40px;
      height: 40px;
      margin:0  10rpx;
    }
    text{
      font-size: 20px;
      line-height: 40px;
    }
  }
  .login-form{
    padding:100rpx 40rpx;
    margin-top: 60rpx;
    border-radius: 30rpx;
    box-shadow:0 0 5px 1px #eceaea;
    border: 1px solid rgb(226, 222, 222);
    .input{
      display: flex;
      justify-content: space-between;
      position: relative;
      color: rgb(58, 98, 206);
      padding: 30rpx 0;
      margin-bottom: 40rpx;
      border-bottom: 1px solid rgb(170, 165, 165);
      .error{
        position: absolute;
        bottom: -60rpx;
        display: flex;
        display: none;
        color: rgb(236, 30, 30);
        image{
          margin-right: 20rpx;
        }
      }
      .show-error{
        display: block;
        display: flex;
        align-items: center;
      }
    }
    button{
      width: 100%;
      font-size: 16px;
      line-height: 80rpx;
      color: white;
      font-weight: 300;
      border-radius: 50rpx;
      margin-top: 80rpx;
      background-color: rgb(58, 98, 206);
    }
  }
  .login-way{
    width: 200rpx;
    display: flex;
    margin: 80rpx auto;
    justify-content: center;
    margin-top: 80rpx;
    cursor: pointer;
    // background-color: rgb(160, 77, 77);
    image{
      width: 20px;
      height: 20px;
    }
  }
}
